@charset 'utf-8';

@import './common';

.swiper-container{
    width: r(640px);
    height: r(357px);
    .swiper-slide{
        img{
            @include img;
        }
    }
}   
.content{
    margin-bottom: r(26px);
}
.cont_t{
    width: 100%;
    height: r(25px);
    background: #f5f5f5;
}
.cont_m{
    width: r(582px);
    margin: 0 auto;
    margin-top: r(22px);
    .avatar{
        width: r(58px);
        height: r(58px);
        border-radius: 100%;
        margin-right: r(16px);
        background: #898989;
    }
    .synopsis{
        h3{
            font-size: r(24px);
            color: #c5c5c5;
            font-weight: normal;
        }
        p{
            font-size: r(18px);
            color: #d4d4d4; 
        }
    }
    .apply{
        width: r(228px);
        height: r(58px);
        background: #b20000;
        p{
            font-size: r(28px);
            line-height: r(58px);
            color: #ffffff;
            float: left;
            margin-left: r(42px);
        }
        .app_pic{
            width: r(25px);
            height: r(25px);
            border-radius: 100%;
            background: #ffffff;
            float: left;
            margin-top: r(18px);
            margin-left: r(15px);
            i{
                display: block;
                color: #b20000;
                font-size: r(14px);
                line-height: r(25px);
                text-align: center;
            }
                
        }
    }
}
.cont_b{
    width: r(582px);
    margin: 0 auto;
    margin-top: r(14px);
    padding-bottom: r(8px);
    border-bottom: 1px solid #e2e2e2;
    p{
        font-size: r(24px);
        font-weight: bold;
        line-height: r(24px);
        color: #323232;
    }
    span{
        font-size: r(16px);
        line-height: r(16px);
        color: #323232;
        float: right;
        margin-top: r(8px);
    }
}
.cont_pic{
    width: r(582px);
    height: r(432px);
    margin: 0 auto;
    margin-top: r(16px);
    img{
        @include img;
    }
}
